$(function () {
  // 需求1: 点击a链接，显示隐藏盒子;
  $("#loginBox a").on('click', function () {
    // 登录盒子隐藏，注册盒子显示
    $("#loginBox").hide();
    $("#regBox").show();
  });
  $("#regBox a").on('click', function () {
    // 登录盒子显示，注册盒子隐藏
    $("#loginBox").show();
    $("#regBox").hide();
  });

  // 需求2 定义校验规则
  let form = layui.form
  form.verify({
    username: [
      /^[a-zA-Z0-9]{1,10}$/,
      "用户名必须1到10位数字12和字母"
    ],
    pwd: [
      /^[a-zA-Z0-9]{6,12}$/,
      "密码必须6到12位数字12和字母"
    ],
    rePwd: function (value) {
      let pwd = $("#regBox input[name=password]").val()
      if (pwd !== value) {
        return "两次密码输入不一致"
      }
    }
  })

  // 3.注册功能
  let layer = layui.layer

  $("formReg").on("submit", function (e) {
    e.preventDefault()
    axios({
      url: '/api/reguser',
      method: 'post',
      data: $(this).serialize()

    }).then(res => {
      //成功回调
      // console.log(res.data)
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }

      layer.msg("恭喜您,注册成功")
      $("#regBox a").click()
      $("#formReg")[0].reset()
    });
  })

  // 4.登录功能
  $("#formLogin").on("submit", function (e) {
    e.preventDefault()
    axios({
      url: '/api/login',
      method: 'post',
      data: $(this).serialize()

    }).then(res => {
      //成功回调
      // console.log(res)
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }

      layer.msg("恭喜你,登录成功")
      localStorage.setItem("token", res.data.token)
      location.href = "/index.html"
    });
  })

});